var myApp = angular.module("myApp", ['ui.router']);

myApp.config(function ($stateProvider, $urlRouterProvider) {
 
     $urlRouterProvider.when("", "/PageTab");
  
     $stateProvider
        .state("PageTab", {
            url: "/PageTab",
            templateUrl: "tpls/PageTab.html"
        })

        .state("PageTab.Page1", {
            url:"/Page1",
            templateUrl: "tpls/Page1.html"
        })
        .state("PageTab.Page21", {
            url:"/Page21",
            templateUrl: "tpls/Page21.html"
        }) 
        .state("PageTab.Page22", {
            url:"/Page22",
            templateUrl: "tpls/Page22.html"
        })
        .state("PageTab.Page23", {
            url:"/Page23",
            templateUrl: "tpls/Page23.html"
        })
        .state("PageTab.Page24", {
            url:"/Page24",
            templateUrl: "tpls/Page24.html"
        });
});